<template>
  <div id="app">
    <!-- 二级路由组件坑 -->
    <router-view></router-view>
    <!-- 使用AppTabBar组件 -->
    <!-- 用路由元信息 -->
    <!-- 定义路由的时候用meta  标记当前路由的信息情况-->
    <!-- 设置meta了以后this.$route里边就有meta这个属性。根据布尔值判断显示不显示 -->
    <!-- 在路由配置的时候设置的false所以直接不显示 -->
    <AppTabBar v-if="$route.meta.isshowtanbar"></AppTabBar>
  </div>
</template>

<script>
// 引入AppTabBar组件
import AppTabBar from "@/components/AppTabBar.vue";
export default {
  name: "App",

  // 注册组件
  components: {
    AppTabBar,
  },
  data() {
    return {};
  },
};
</script>

<style lang='less'>
.box {
  width: 375px;
  height: 100px;
  background: red;
  p {
    font-size: 30px;
  }
}
</style>
